<!--定义网页根元素为html-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="icon" href="image/tyust.png">
    <title>2019级毕业实习</title>
</head>
<body>
    <h1>表单-项目开发必用-律师档案创建</h1>
    <form action="tit.html" action="post">
       用户名： <input type="text" placeholder="请输入用户名">
        <br>
        密码：<input type="password" placeholder="请输入密码">
        <br>
        生日：<input type="date">
        <br>
        性别：<input type="radio" name="gender">男
             <input type="radio" name="gender">女
        <br>
       籍贯 <select>
                <option>河北</option>
                <option>福建</option>
                <option>北京</option>
           </select>
        <br>
        爱好 <input type="checkbox">足球
            <input type="checkbox">篮球
            <input type="checkbox">骑行
        <br>
        照片 <input type="file">
        <br>
        备注 <textarea placeholder="多行文本款" cols="80" rows="10"></textarea>
        <br>
        <input type="submit" value="注册">
        <input type="reset" value="重填">
    </form>
    <h1>超链接</h1>
    <a href="http://www.tyust.edu.com">太原科技大学</a>
    <br>
    <a href="http://www.baidu.com">百度</a>

    <h1>图片</h1>
    <img src="image/tyust.png" width="250">

    <h1>表格</h1>
    <table border="1px" width="500">
        <tr>
            <td>车次</td>
            <td>出发站</td>
            <td>到达站</td>
            <td>
               是否预订
            </td>
        </tr>
        <tr>
            <td>2019</td>
            <td>太工</td>
            <td>太科</td>
            <td>
                <button>预订</button>
            </td>
        </tr>
        <tr>
            <td>2019</td>
            <td>太工</td>
            <td>太科</td>
            <td>
                <button>预订</button>
            </td>
        </tr>
        <tr>
            <td>2019</td>
            <td>太工</td>
            <td>太科</td>
            <td>
                <button>预订</button>
            </td>
        </tr>
        <tr>
            <td>2019</td>
            <td>太工</td>
            <td>太科</td>
            <td>
                <button>预订</button>
            </td>
        </tr>
        <tr>
            <td>2019</td>
            <td>太工</td>
            <td>太科</td>
            <td>
                <button>预订</button>
            </td>
        </tr>
    </table>

    <h1>div的使用</h1>
    <div style="color: aqua">
        太原工业学院，科大，计算机学院，理学系
        DIV是用来放东西的，放什么自己定
        <img src="image/tyust.png" width="118">
    </div>

    <h1>span的使用</h1>
    <input type="text"> <span style="color: red">用户名不能为空！</span>
    <h1>列表-无序列表-有序列表</h1>
    <ul>
        <li>软件工程</li>
        <li>智能科学与技术</li>
        <li>物联网工程</li>
        <li>数据科学与大数据</li>
    </ul>
    <ol>
        <li>软件工程</li>
        <li>智能科学与技术</li>
        <li>物联网工程</li>
        <li>数据科学与大数据</li>
    </ol>
</body>
</html>
